<template>
  <navbar />
  <Swipe />
  <Course />
  <Read />
  <Introduce />
</template>

<script>
// import { ref } from "vue";

import Navbar from "@/components/index/Navbar.vue";
import Swipe from "@/components/index/Swipe.vue";
import Course from "@/components/index/Course.vue";
import Read from "@/components/index/Read.vue";
import Introduce from "@/components/index/Introduce.vue";

export default {
  components: {
    Navbar,
    Swipe,
    Course,
    Read,
    Introduce
  },
  // setup() {
  //   const count = ref(22);
  //   return {
  //     count
  //   };
  // },

  computed: {},

  mounted() {},

  methods: {}
};
</script>
<style lang="scss" scoped></style>
